@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; border:0; font-family:"微软雅黑"; font-size:16px}
ul,li{ list-style:none; padding:0; margin:0}
a{ text-decoration:none}

.nav-top{ width:100%; height:65px; border-top:solid 2px #cc374b; background:#2b2927; color:#fff}
.nav-top>span{ float:left; height:65px; line-height:65px; display:block; font-family:"方正兰亭粗黑简体"; font-size:28px; font-weight:bold; margin-left:50px}
.nav-top>span>a{ color:#fff }
.nav-top>.nav-topright{ float:right}
.nav-top>.nav-topright>p{ float:left; height:65px; line-height:65px; padding:0; margin:0; display:block; margin-right:50px}
.nav-top>.nav-topright>span{ float:left; display:block; height:65px; line-height:65px; margin-right:20px}
.nav-down{ width:100%; height:auto;}
.leftmenu1{ float:left; width:240px; background:#424f63; height:100%; position:absolute;left:-292px}
.leftmenu1 .menu-oc{ position:absolute; margin-left:240px; cursor:pointer}
.leftmenu1>ul{ float:left; width:240px; height:auto;}
.leftmenu1>ul>li{ width:240px; float:left; height:auto; position:relative}
.leftmenu1>ul>li>a{ width:240px; height:45px; float:left; display:block; line-height:45px; color:#FFF; text-indent:2.5em; cursor:pointer; border-top:solid 1px #FFF}
.leftmenu1>ul>li>a.a_list1{ background:url(/static/imgs/admin/ic_grid.png) no-repeat 15px center}
.leftmenu1>ul>li>a.a_list2{ background:url(/static/imgs/admin/ic_user.png) no-repeat 15px center}
.leftmenu1>ul>li>a.a_list3{ background:url(/static/imgs/admin/ic_chats.png) no-repeat 15px center}

.leftmenu1>ul>li>.menu_list{ width:240px; height:auto; float:left; font-size:14px; background:#353f4f;}
.leftmenu1>ul>li>.menu_list_first{ background:#353f4f;}
.leftmenu1>ul>li>.menu_list>a{ width:240px; float:left; height:38px; line-height:38px; text-indent:3em; color:#FFF; display:block}
.leftmenu1>ul>li>.menu_list>a:hover{ background:#2a323f}


.leftmenu2{ float:left; width:52px; height:1200px; position:absolute; background:#424f63;left:0px}
.leftmenu2 .menu-oc1{ position:absolute; margin-left:52px; cursor:pointer}
.leftmenu2 ul{ float:left; width:52px; height:auto}
.leftmenu2>ul>li{ width:52px; float:left; height:auto; position:relative}
.leftmenu2>ul>li>a{ width:52px; height:45px; float:left; display:block; line-height:45px; color:#FFF; cursor:pointer;}
.leftmenu2>ul>li>a.j_a_list1{ background:url(/static/imgs/admin/ic_grid.png) no-repeat 15px center}
.leftmenu2>ul>li>a.j_a_list2{ background:url(/static/imgs/admin/ic_user.png) no-repeat 15px center}
.leftmenu2>ul>li>a.j_a_list3{ background:url(/static/imgs/admin/ic_chats.png) no-repeat 15px center}

.leftmenu2>ul>li>.j_menu_list{ width:140px; height:auto; float:left; font-size:14px; background:#353f4f; position:absolute; margin-left:52px; display:none}
.leftmenu2>ul>li>.j_menu_list>span{ display:block; float:left; margin-left:-52px; width:192px; height:45px;  color:#FFF; line-height:45px; text-indent:6.5em}
.leftmenu2>ul>li>.j_menu_list>span>i{ width:52px; height:45px; float:left; position:absolute; cursor:pointer; display:block;border-right:solid 1px #FFF}
.sp1{ background:url(/static/imgs/admin/ic_grid.png) no-repeat 15px center #65cea7;}
.sp2{ background:url(/static/imgs/admin/ic_user.png) no-repeat 15px center #65cea7}
.sp3{ background:url(/static/imgs/admin/ic_chats.png) no-repeat 15px center #65cea7}
.leftmenu2>ul>li>.j_menu_list>a{ width:140px; float:left; height:38px; line-height:38px; text-indent:3em; color:#FFF; display:block}
.leftmenu2>ul>li>.j_menu_list>a:hover{ background:#2a323f}


.rightcon{ margin-left:55px; }
.rightcon .right_con{ width:100%; margin:auto; display:table}
.rightcon .right_con>p{ margin:0; margin-top:10px; width:100%; display:block}

/**
 * table style
 */
table {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:85%;
    margin:20px auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    font:16px/18px "Helvetica Neue",Arial, Helvetica, sans-serif;
}

caption {margin: 15px auto; font-size: 20px; font-weight: bold;}

th, td {padding:18px 28px 18px; text-align:center; }

th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

tr.odd-row td {background:#f6f6f6;}

td.first, th.first {text-align:left}

td.last {border-right:none;}

/*
Background gradients are completely unnecessary but a neat effect.
*/

td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}

/*
I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius

And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
*/

tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}

tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}

tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}


/**
 * pagination
 */
.pagination {
     text-align: center;
     margin: 20px auto;
     /*font:16px/18px "Helvetica Neue",Arial, Helvetica, sans-serif;*/
}

.first_page {
    display: inline;
    margin-right: 10px;
    padding: 5px 4px 5px 9px;
    background: #A3A3A3 ;
}

.pre_page {
    display: inline;
    margin-right: 10px;
    padding: 5px 4px 5px 9px;
    background: #A3A3A3 ;
}

.page_num {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}

.next_page {
    display: inline;
    margin-left: 10px;
    padding: 5px 4px 5px 9px;
    background: #A3A3A3 ;
}

.pagination .current{
    padding: 5px 9px;
    background: #A3A3A3 ;
    color: #fff;

}

.pagination a {
    color: #3D3D3D;
}

.last_page {
    display: inline;
    margin-left: 10px;
    padding: 5px 4px 5px 9px;
    background: #A3A3A3 ;
}

.jump_page {
    display: inline;
    margin-left: 10px;
}

.jump_page select {
    display: inline;
    width: 60px;
}
